<template>
  <div>
    <div class="articleContent">
      <mavon-editor v-model="value" :toolbars={help:true} :default_open='preview' class="editor"></mavon-editor>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  // Local Registration
  import { mavonEditor } from 'mavon-editor'
  import 'mavon-editor/dist/css/index.css'

  export default {
    data () {
      return {
        value: ''
      }
    },
    components: {
      mavonEditor
      // or 'mavon-editor': mavonEditor
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped="">
  .editor
    margin: auto
    width: 80%
    height: 700px
</style>
